<template>
  <el-dialog
    :title="title"
    :close-on-click-modal="false"
     v-dialogDrag
    :visible.sync="visible"
    width="1200%">
    <el-form :model="inputForm" ref="inputForm" :class="method==='view'?'readonly':''"  :disabled="method==='view'" @keyup.enter.native="doSubmit()"
             label-width="100%">
      <el-row  :gutter="15">
        <el-col  >
          <div style="text-align: left;">1.应制作现场勘验检查笔录，并对作案工具等物证以及指纹、血迹、足迹等痕迹依法及时提取并送检。</div>
           </el-form-item>
          <el-input type="textarea" v-model="inputForm.证据" placeholder="请填写1.应制作现场勘验检查笔录，并对作案工具等物证以及指纹、血迹、足迹等痕迹依法及时提取并送检。"     ></el-input>
        </el-col>
        <el-col  >
           <div style="text-align: left;">2.犯罪嫌疑人或者被害人等现场人员身上或是衣裤、鞋帽上有血迹等，应依法及时提取并送检</div>
           
          <el-input type="textarea" v-model="inputForm.twoId" placeholder="请填写2.犯罪嫌疑人或者被害人等现场人员身上或是衣裤、鞋帽上有血迹等，应依法及时提取并送检"     ></el-input>
        </el-col>
        <el-col  >
           <div style="text-align: left;">3.侦查机关在讯问犯罪嫌疑人时应向其核实犯罪工具的来源，并根据犯罪嫌疑人提供的线索，寻找相关证人，并对证人进行询问，组织证人对犯罪嫌疑人和作案工具进行辨认。</div>
           
          <el-input type="textarea" v-model="inputForm.threeId" placeholder="请填写3.侦查机关在讯问犯罪嫌疑人时应向其核实犯罪工具的来源，并根据犯罪嫌疑人提供的线索，寻找相关证人，并对证人进行询问，组织证人对犯罪嫌疑人和作案工具进行辨认"     ></el-input>
        </el-col>
        <el-col  >
          <div style="text-align: left;">4.侦查机关提取作案工具后，应组织犯罪嫌疑人、被害人对作案工具进行辨认，并形成辨认笔录、附有辨认照片，以增强物证与犯罪行为之间的关联性。</div>
          
          <el-input type="textarea" v-model="inputForm.fourId" placeholder="请填写4.侦查机关提取作案工具后，应组织犯罪嫌疑人、被害人对作案工具进行辨认，并形成辨认笔录、附有辨认照片，以增强物证与犯罪行为之间的关联性。"     ></el-input>
        </el-col>
        <el-col  >
          <div style="text-align: left;">5.应当依法及时调取在案件发生的各个节点如预备阶段、实施阶段、逃离阶段等涉及的地点的监控录像</div>
          
          <el-input type="textarea" v-model="inputForm.fiveId" placeholder="请填写5.应当依法及时调取在案件发生的各个节点如预备阶段、实施阶段、逃离阶段等涉及的地点的监控录像"     ></el-input>
        </el-col>
        <el-col  >
          <div style="text-align: left;">6.全面获取能够证实案件起因、发展过程、犯罪嫌疑人案后行踪的人员的证言，特别是言词证据或者视听资料中提到的“路人”的证言应强调获取的及时性，避免无法补充。</div>
          
          <el-input type="textarea" v-model="inputForm.sixId" placeholder="请填写6.全面获取能够证实案件起因、发展过程、犯罪嫌疑人案后行踪的人员的证言，特别是言词证据或者视听资料中提到的“路人”的证言应强调获取的及时性，避免无法补充。"     ></el-input>
        </el-col>
        <el-col  >
           <div style="text-align: left;">7.对案件认定有关键性作用的目击证人或者其他重要证人，因年幼、身体原因、路途较远等因素只能提供一次证言的，应当对询问过程全程录音录像。</div>
           
          <el-input type="textarea" v-model="inputForm.sevenId" placeholder="请填写7.对案件认定有关键性作用的目击证人或者其他重要证人，因年幼、身体原因、路途较远等因素只能提供一次证言的，应当对询问过程全程录音录像。"     ></el-input>
        </el-col>
        </el-row>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button v-if="method === 'add'" type="primary" @click="continueDoSubmit()">继续添加</el-button>
      <el-button @click="visible = false">关闭</el-button>
      <el-button v-if="method !== 'view'" type="primary" @click="doSubmit()">确定</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    data () {
      return {
        title: '',
        method: '',
        visible: false,
        oldInputForm: '',
        inputForm: {
          id: '',
          testDataMain: {
            id: ''
          },
          证据: '',
          twoId: '',
          threeId: '',
          fourId: '',
          fiveId: '',
          sixId: '',
          sevenId: '',
          remarks: ''
        }
      }
    },
    components: {
    },
    methods: {
      init (method, obj) {
        this.method = method
        if (method === 'add') {
          this.title = `新建（一）故意伤害行为方面的证据`
        } else if (method === 'edit') {
          this.title = '修改（一）故意伤害行为方面的证据'
        } else if (method === 'view') {
          this.title = '查看（一）故意伤害行为方面的证据'
        }
        this.visible = true
        this.$nextTick(() => {
          this.$refs.inputForm.resetFields()
          this.inputForm.id = ''
          this.oldInputForm = ''
          if (method === 'edit' || method === 'view') { // 修改或者查看
            this.oldInputForm = obj
            this.inputForm = JSON.parse(JSON.stringify(obj))
          }
        })
      },
   // 表单提交
      doSubmit () {
        this.$refs['inputForm'].validate((valid) => {
          if (valid) {
            this.$emit('addRow', this.oldInputForm, JSON.parse(JSON.stringify(this.inputForm)))
            this.visible = false
          }
        })
      },
      continueDoSubmit () {
        this.$refs['inputForm'].validate((valid) => {
          if (valid) {
            this.$emit('addRow', this.oldInputForm, JSON.parse(JSON.stringify(this.inputForm)))
            this.$refs['inputForm'].resetFields()
          }
        })
      }
    }
  }
</script>
